﻿/*-----------------[初始化]--------------*/
*{ outline:none;word-wrap:break-word;}
body{color: #333;font-size: 14px;font-family:"微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif; line-height: 1.6;}
a{color: #333; outline:none; text-decoration:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s}
h1,h2,h3,h4,h5,h6,i.cutline,i.require{ font-weight:normal; font-style: normal;}
a:hover{ text-decoration:none;}
img{max-width: 100%; vertical-align: middle;}
img,.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
input,textarea,select,button{font-size: 14px;font-family:"微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif;  outline: 0; background: none; border: none;-o-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
input[type='text']:focus,textarea:focus,select:focus{ border-color: #62B6CB !important;}
input[type='submit'],input[type='reset'],input[type='button'],button{cursor: pointer;}

input[type='radio'],input[type='checkbox']{ display: inline-block; vertical-align: middle;}
input[type='radio'],input[type='checkbox']{ width: 18px; height: 18px;  border: 1px solid #666; background-color: #fff; -o-background-size: 100% 100%; background-size: 100% 100%; -moz-appearance: none; appearance: none; -webkit-appearance: none; outline: 0; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type='radio']{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
input[type='checkbox']{ border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
input[type='radio']:checked{ border-color: #090; background-color: #fff;background-image: url(../images/icon/checked_radio.png);}
input[type='checkbox']:checked{ background-image: url(../images/icon/checked.png); background-color: #090; border-color: #090;}

.tc{text-align:center;}
.tl{text-align:left}
.tr{text-align:right}
.fl{float: left;}
.fr{float: right;}
/*布局*/
/* 清理浮动 */
.cle:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.cle:after{zoom:1;}
.clear{clear: both;}

.rd2{ border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; }.rd3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }.rd4{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }.rd5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }.rd6{ border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }.rd7{ border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; }.rd8{ border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; }.rd9{ border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; }.rd10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }.rd11{ border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; -ms-border-radius:11px; -o-border-radius:11px; }.rd12{ border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; }.rd13{ border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; -ms-border-radius:13px; -o-border-radius:13px; }.rd14{ border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; }.rd15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }.rd20{ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }.rd24{ border-radius:24px; -webkit-border-radius:24px; -moz-border-radius:24px; -ms-border-radius:24px; -o-border-radius:24px; }.rd28{ border-radius:28px; -webkit-border-radius:28px; -moz-border-radius:28px; -ms-border-radius:28px; -o-border-radius:28px; }.rd30{ border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }.rd40{ border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }.rd50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; }.rd60{border-radius:60px;}.rd70{ border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; }.rd80{border-radius:80px;}.rd90{border-radius:90px;}
.rdhalf{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }.rdwhole{ /* Firefox */ /* Safari 和 Chrome */border-radius:  100%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */} 
.mt10{ margin-top: 10px;}.mt15{ margin-top: 15px;}.mt20{ margin-top: 20px;}.mt25{ margin-top: 25px;}.mt30{ margin-top: 30px;}.mt35{ margin-top: 35px;}.mt40{ margin-top: 40px;}.mt50{ margin-top: 50px;}.mt55{ margin-top: 55px;}.mt60{ margin-top: 60px;}.mt70{ margin-top: 70px;}.mt80{ margin-top: 80px;}.mt90{ margin-top: 90px;}.mt100{ margin-top:100px;}

.bcw{ color: #fff;}
.bc3{ color: #333;}
.bcc{ color: #ccc;}
.bc9{ color: #999;}
.bc6{ color: #666;}
.b{ font-weight: bold;}

.bg_fa{ background-color: #fafafa;}
.bg_f2{ background-color: #f2f2f2;}
.bg_f3{ background-color: #f3f3f3;}
.bg_f5{ background-color: #f5f5f5;}
.bg_f6{ background-color: #f6f6f6;}
.bg_f7{ background-color: #f7f7f7;}
.bg_f8{ background-color: #f8f8f8;}
.bg_e{ background-color: #eee;}
.bg_d{ background-color: #ddd;}
.bg_w{ background-color: #fff;}
.bcover{ -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat:  no-repeat;}
.pcshow{ display:block;}
.wapshow{ display:none;}
.wp{width: 100%; max-width:1220px;margin: 0 auto; }

.btn{ display: inline-block;}
.btn .icon,.btn .iconfont,.btn .val,.btn .mc{ display: inline-block; vertical-align: middle;}
.ibm{ display: inline-block; vertical-align: middle;}
.elli	{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
@-webkit-keyframes zoomin_out{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoomin_out{
0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
}
@-o-keyframes zoomin_out{
0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
@keyframes zoomin_out{
0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
/* .banner .swiper-slide-active .banimg{-webkit-animation: zoomin_out 20s infinite ease-in-out;-moz-animation: zoomin_out 20s infinite ease-in-out;-ms-animation: zoomin_out 20s infinite ease-in-out;-o-animation: zoomin_out 20s infinite ease-in-out;} */
.footer_wap{background:#333; display:none;}
.footerWapul{ margin-bottom:0;}
.footerWapul li{ width:25%; float:left; text-align:center; border-right:1px solid #f9c7ce; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px 0;}
.footerWapul li span{display:block; width:32%; margin:6% auto 0; font-size:0;}
.footerWapul li img{ width:24px; height:auto}
.footerWapul li p{ width:100%; height:22px; line-height:22px; text-align:center; font-size:14px; color:#fff;}
.footerWapul li p a{color:#fff;}


.sbtn{font-size:14px; display: inline-block; padding: 6px 20px; border: 1px solid transparent; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.sbtn_w100{ width: 100%; padding-left: 0; padding-right: 0;}
.sbtn_purple{ color: #fff; background:#6a3177; }
.sbtn_purple:hover{ background:#606;}
.sbtn_gary{ color: #6A3177; background:#DEE0E9; }
.sbtn_gary:hover{ background:#606; color: #fff;}
.sbtn_gray_rim{ border: 1px solid #f5f5f5; color: #6A3177; }
.sbtn_gray_rim:hover{ background-color: #6A3177; color: #fff; border-color: #6A3177;}
/*.sbtn_white_rim{  border: 1px solid #fff; color: #fff;}
.sbtn_white_rim:hover{ background-color: #fff; color: #62b6cb;}
.sbtn_black_rim{  border: 1px solid #333; color: #333;}
.sbtn_black_rim:hover{ border-color: #62b6cb;  color: #62b6cb;} */


/* 表单 */
.perInfoForm{ width: 380px; max-width: 100%; margin-top: 20px; }
.perInfoForm .item{ display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 28px;}
.perInfoForm .item .attrmc{ width:88px; text-align: right; line-height: 36px; margin-right: 10px; display: inline-block;}
.perInfoForm .item .attrval{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1;}
.perInfoForm .text{ display: block; width: 100%; padding-left: 15px; border: 1px solid #D3D3D3; height: 36px; line-height: 36px; font-size: 14px; background-color: #fff; }
.perInfoForm .select{display: block; width: 100%; border: 1px solid #C6C6C6; height: 36px; line-height: 36px; font-size: 14px; background-color: #fff;}
.perInfoForm .msg{ color: #999; line-height: 1.8; margin-top: 10px;}
.perInfoForm .tj{ padding-top: 20px; padding-left: 98px;}
.perInfoForm .tj .sbtn{ padding: 10px 0px; font-size: 18px; width: 185px; }

/* 上传fileBtn */
.filebtn{width: 114px; border: 1px solid #C6C6C6; height: 36px; line-height: 36px; font-size: 14px; background-color: #fff; position: relative; text-align: center; cursor: pointer;}
.filebtn .file{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}
.filebtn:hover{ border-color: #62B6CB; color: #62B6CB;}

/* 弹窗 */
.pupbg{ background-color: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200;}
.pup{position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 85%; z-index: 205;}
.resumePup{ width: 450px;}
.closePup{ position: absolute; right:12px; top: 12px; line-height: 1;cursor: pointer; font-size: 16px; color: #999; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.closePup:hover{ color: #333;}
.resumeMain{ padding: 10px 60px 36px;}

/* 翻页 */
.turnpage{font-size:0; margin:0 auto; }
.turnpage a,.turnpage span{ display:inline-block; padding:5px 13px; font-size:16px; margin:0 6px; color:#666; border:0px solid #e8e9ec; border-radius: 4px; background-color: #DDDDDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.turnpage a:hover,.current{ color:#fff !important; background-color:#007236 !important; }
